<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>旋转木马</title>
    <link rel="stylesheet" href="./css/carrousel.css"/>
    <script src="./js/animate.js"></script>
    <script src="./js/carrousel.js"></script>
</head>
<body>
<div id="wrap">
    <div id="slide">
        <ul>
            <li><a href="javascript:;"><img src="images/slidepic1.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/slidepic2.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/slidepic3.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/slidepic4.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/slidepic5.jpg" alt=""/></a></li>
        </ul>
        <div id="arrow">
            <a href="javascript:;" class="prev" id="arrLeft"><img src="images/prev.png" alt=""/></a>
            <a href="javascript:;" class="next" id="arrRight"><img src="images/next.png" alt=""/></a>
        </div>
    </div>
</div>
</body>

</html>